<template>
	  <view class="setting-item" @click="onFormat">
      <text class="setting-label">{{ label }}</text>
			<view class="u-f-ac">
				<slot>
					<text style="color: #999;margin-right: 10rpx;">{{value}}</text>
					<text class="tn-icon-right" style="color: #999;" v-if="arrow"></text>
				</slot>
			</view>
    </view>
</template>
<script>
export default {
	props: {
		label: String,
		arrow: Boolean,
		value: String
	},
	methods: {
		onFormat() {
			this.$emit('onFormat')
		}
	}
}
</script>
<style scoped>
.setting-container {
  background: #fff;
  min-height: 100vh;
  padding: 0;
}
.setting-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 32rpx 24rpx;
}
.setting-label {
  font-size: 30rpx;
  color: #111;
  font-weight: 500;
}
.setting-arrow {
  font-size: 32rpx;
  color: #bbb;
}
</style>

